@import 'variables';

@mixin themeColor_bg() {
  [data-theme = 'theme0'] & {
    background-color:$themeColor0;
  }
  [data-theme = 'theme1'] & {
    background-color:$themeColor1; 
  }
  [data-theme = 'theme2'] & {
    background-color:$themeColor2;
  }
  [data-theme = 'theme3'] & {
    background-color:$themeColor3;
  }
  [data-theme = 'theme4'] & {
    background-color:$themeColor4;
  }
}

@mixin themeColor_text() {
  [data-theme = 'theme0'] & {
    color:$themeColor0;
  }
  [data-theme = 'theme1'] & {
    color:$themeColor1; 
  }
  [data-theme = 'theme2'] & {
    color:$themeColor2;
  }
  [data-theme = 'theme3'] & {
    color:$themeColor3;
  }
  [data-theme = 'theme4'] & {
    color:$themeColor4;
  }
}